.container {
  background-color: #f4f6fa;

  .container_main {
    padding: 12px;
    width: 354.17px;
    background: #ffffff;
    border-radius: 6.94px;
    margin: 10.42px auto;
    height: calc(100vh - 90px);
    overflow: hidden;
    overflow-y: scroll;

    .label {
      > div {
        display: inline-block;
        padding: 0 10px;
        height: 24.31px;
        line-height: 24.31px;
        background: #ffffff;
        border: 0.35px solid #aaaaaa;
        border-radius: 5.56px;
        font-size: 12.5px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: center;
        color: #888888;

        &:first-child {
          margin-right: 8px;
        }
      }
    }

    .item {
      > div {
        img {
          width: 27.78px;
          height: 27.78px;
        }

        &:last-child {
          border-bottom: 0;
        }

        padding-top: 12.15px;
        padding-bottom: 17.36px;
        border-bottom: 1px solid #ddd;

        .info {
          flex: 1;
          margin-left: 13.19px;

          .title_date {
            .text {
              font-size: 16.67px;
              font-family: Microsoft YaHei, Microsoft YaHei-Regular;
              font-weight: 400;
              text-align: left;
              color: #333333;
            }

            .date {
              font-size: 12.5px;
              font-family: Microsoft YaHei, Microsoft YaHei-Regular;
              font-weight: 400;
              text-align: left;
              color: #aaaaaa;
            }
          }

          .content {
            font-size: 12.5px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #888888;
            margin: 11px 0 13px;
          }

          .publish_person,
          .counselor {
            font-size: 12.5px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #888888;
            margin: 10.72px 0 10.07px;
          }

          .task_name {
            font-size: 12.5px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #888888;
            margin-bottom: 9.72px;
          }
        }
      }
    }
  }
  .more_data {
    font-size: 14px;
    margin: 20px auto;
    text-align: center;
    color: #555555;
  }
}
